﻿@{
	ViewBag.SocialTitle = "Онлайн игра drawpi.co, рисуем и угадываем";
	ViewBag.SocialDescription = "Увлекательная бесплатная онлайн игра крокодил. Заходи прямо сейчас, рисуй в браузере и угадывай из более 4000 слов.";
	ViewBag.SocialImage = "http://drawpi.co" + Url.Content("~/Content/Images/main.png");
}
<!DOCTYPE html>
<html>

<head>
	<title>@ViewBag.Title - drawpi.co</title>
	@{ Html.RenderPartial("_Icons");}
	@{ Html.RenderPartial("_SocialMeta");}
	@Styles.Render("~/Content/uikit")
</head>

<body class="uk-height-1-1" style="overflow: hidden;">
	<div id="main-loader" class="loader-outer uk-margin-top">
		<div class="loader-animation">
			<div class="loader-linebar"></div>
			<div class="loader-linebar"></div>
			<div class="loader-linebar"></div>
			<div class="loader-linebar"></div>
			<div class="loader-linebar"></div>
			<div class="loader-linebar"></div>
		</div>
	</div>
	<div class="uk-vertical-align uk-text-center uk-height-1-1">
		<div class="uk-vertical-align-middle page-container" style="opacity: 0;">
			<div class="logo">
				<a href="@Url.Action("Index","Home")">
					<img src="@Url.Content("~/Content/Images/logo.svg")" alt="logo"/>
				</a>
			</div>
			<div id="page-container">
				@RenderBody()
			</div>
			<div id="overlay" class="uk-overlay-area">
				<div class="uk-overlay-area-content">
					<div class="loader-outer uk-margin-top">
						<div class="loader-animation">
							<div class="loader-linebar"></div>
							<div class="loader-linebar"></div>
							<div class="loader-linebar"></div>
							<div class="loader-linebar"></div>
							<div class="loader-linebar"></div>
							<div class="loader-linebar"></div>
						</div>
					</div>
				</div>
			</div>
			<div class="bottom-panel">
				<a href="http://twitter.com/drawpico" title="@Html.Raw("@drawpico")" target="_blank"><i class="uk-icon-twitter"></i> Twitter</a>
				&bull;
				<a href="http://vk.com/drawpico" title="vk.com/drawpico" target="_blank"><i class="uk-icon-vk"></i> ВКонтакте</a>
				&bull;
				<a class="" href="@Url.Action("About","Home")" target="_blank">О проекте</a>
			</div>
			<div class="alert-container"></div>
		</div>
	</div>
	<a href="@Url.Action("Feed")" title="Коллекция " target="_blanck" class="uk-icon-th uk-icon-large feed-icon"></a>
	@Scripts.Render("~/bundles/modernizr")
	@Scripts.Render("~/bundles/jquery")
	@Scripts.Render("~/bundles/jqueryval")
	@Scripts.Render("~/bundles/uikit")
	@Scripts.Render("~/bundles/signalr")
	@{ Html.RenderPartial("Localization"); }
	@RenderSection("scripts", required: false)
	@Styles.Render("~/Content/css")
	@{Html.RenderPartial("Ya");}
	<a href="#disconnect" data-uk-modal id="disconnectPopup" class="uk-hidden"></a>
	<div id="disconnect" class="uk-modal">
		<div class="uk-modal-dialog">
			<div class="uk-grid uk-grid-small">
				<div class="uk-width-1-1 uk-text-large uk-text-center">
					Связь с сервером отсутствует. Проверьте подключение в сети.
				</div>
				<div class="uk-width-1-1 uk-margin-top uk-text-center">
					<button class="uk-button uk-button-large uk-button-primary" onclick="window.location.reload();"><i class="uk-icon-refresh"></i> Перезагрузить страницу</button>
				</div>
			</div>
		</div>
	</div>
	</body>
</html>
